<template>
  <div>
    <div class="jinpin">
      <div class="tuijian_kuai">
        <div
          class="kuai_left"
          @click="jiaoyudetail(recomment.imgUrls[0].param)"
        >
          <img
            :src="recomment.imgUrls[0].src"
            alt=""
            class="kuai_img"
          >
        </div>
        <div class="kuai_right">
          <div
            class="kuai_right_top"
            @click="jiaoyudetail(recomment.imgUrls[0].param)"
          >
            <img
              :src="recomment.imgUrls[1].src"
              alt=""
              class="kuai_img"
            >
          </div>
          <div
            class="kuai_right_bottom"
            @click="jiaoyudetail(recomment.imgUrls[0].param)"
          >
            <img
              :src="recomment.imgUrls[2].src"
              alt=""
              class="kuai_img"
            >

          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: ['recomment'],
  data () {
    return {}
  },
  created () {

  },
  methods: {
    jiaoyudetail (item) {
      // console.log(item.curriculum_id)
      this.$emit('jiaoyudetail', item)
    }
  },
  components: {}
}
</script>
<style>
.jinpin {
  width:  calc(100vw *670/750);
  margin: 0 auto;
  padding-bottom: 20px;
}
.kuai_img {
  width: 100%;
  height: 100%;
  border-radius:4px;
}
.tuijian_kuai {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  align-content: space-between;
  align-items: center;
}
.kuai_left {
  height:  calc(100vw *328/750*383/328);
  width:  calc(100vw *328/750);
  display: inline-block;
  background-size: 100% 100%;
  border-radius: 4px;
}
.kuai_right {
  height:  calc(100vw *328/750*383/328);
  width:  calc(100vw *328/750);
  display: inline-block;
}
.kuai_right_top {
  width:  calc(100vw *328/750);
  height:  calc(100vw *328/750*184/328);
  margin-bottom: calc(100vw *328/750*15/328);
  border-radius: 4px;
}
.kuai_right_bottom {
  width:  calc(100vw *328/750);
  height:  calc(100vw *328/750*184/328);
  border-radius: 4px;
}
</style>
